Skip to content

Example React Native app with offline transactions#1138

Merged
kevin-dp merged 12 commits intoai/issue-1013-fixfrom
kevin/RN-offline-TXs-demo-app
Jan 19, 2026
Merged

Example React Native app with offline transactions#1138
kevin-dp merged 12 commits intoai/issue-1013-fixfrom
kevin/RN-offline-TXs-demo-app

Conversation

@kevin-dp
Copy link
Contributor

@kevin-dp kevin-dp commented Jan 15, 2026 •
edited
Loading

This PR introduces a demo app that shows how to use @tanstack/offline-transactions in a React Native / Expo app. This also serves as validation for #1137.

Screen cast of the app:

Offline-TXs-RN.mp4

@changeset-bot
Copy link

changeset-bot bot commented Jan 15, 2026 •
edited
Loading

⚠️ No Changeset found

Latest commit: f232ff7

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@pkg-pr-new
Copy link

pkg-pr-new bot commented Jan 15, 2026 •
edited
Loading

More templates

@tanstack/angular-db

npm i https://pkg.pr.new/@tanstack/angular-db@1138

@tanstack/db

npm i https://pkg.pr.new/@tanstack/db@1138

@tanstack/db-ivm

npm i https://pkg.pr.new/@tanstack/db-ivm@1138

@tanstack/electric-db-collection

npm i https://pkg.pr.new/@tanstack/electric-db-collection@1138

@tanstack/offline-transactions

npm i https://pkg.pr.new/@tanstack/offline-transactions@1138

@tanstack/powersync-db-collection

npm i https://pkg.pr.new/@tanstack/powersync-db-collection@1138

@tanstack/query-db-collection

npm i https://pkg.pr.new/@tanstack/query-db-collection@1138

@tanstack/react-db

npm i https://pkg.pr.new/@tanstack/react-db@1138

@tanstack/rxdb-db-collection

npm i https://pkg.pr.new/@tanstack/rxdb-db-collection@1138

@tanstack/solid-db

npm i https://pkg.pr.new/@tanstack/solid-db@1138

@tanstack/svelte-db

npm i https://pkg.pr.new/@tanstack/svelte-db@1138

@tanstack/trailbase-db-collection

npm i https://pkg.pr.new/@tanstack/trailbase-db-collection@1138

@tanstack/vue-db

npm i https://pkg.pr.new/@tanstack/vue-db@1138

commit: f232ff7

@github-actions
Copy link
Contributor

github-actions bot commented Jan 15, 2026 •
edited
Loading

Size Change: 0 B

Total Size: 90.5 kB

ℹ️ View Unchanged
Filename Size
./packages/db/dist/esm/collection/change-events.js 1.39 kB
./packages/db/dist/esm/collection/changes.js 1.19 kB
./packages/db/dist/esm/collection/events.js 388 B
./packages/db/dist/esm/collection/index.js 3.32 kB
./packages/db/dist/esm/collection/indexes.js 1.1 kB
./packages/db/dist/esm/collection/lifecycle.js 1.67 kB
./packages/db/dist/esm/collection/mutations.js 2.34 kB
./packages/db/dist/esm/collection/state.js 3.46 kB
./packages/db/dist/esm/collection/subscription.js 3.62 kB
./packages/db/dist/esm/collection/sync.js 2.38 kB
./packages/db/dist/esm/deferred.js 207 B
./packages/db/dist/esm/errors.js 4.49 kB
./packages/db/dist/esm/event-emitter.js 748 B
./packages/db/dist/esm/index.js 2.69 kB
./packages/db/dist/esm/indexes/auto-index.js 742 B
./packages/db/dist/esm/indexes/base-index.js 766 B
./packages/db/dist/esm/indexes/btree-index.js 1.93 kB
./packages/db/dist/esm/indexes/lazy-index.js 1.1 kB
./packages/db/dist/esm/indexes/reverse-index.js 513 B
./packages/db/dist/esm/local-only.js 837 B
./packages/db/dist/esm/local-storage.js 2.1 kB
./packages/db/dist/esm/optimistic-action.js 359 B
./packages/db/dist/esm/paced-mutations.js 496 B
./packages/db/dist/esm/proxy.js 3.75 kB
./packages/db/dist/esm/query/builder/functions.js 733 B
./packages/db/dist/esm/query/builder/index.js 4.08 kB
./packages/db/dist/esm/query/builder/ref-proxy.js 1.05 kB
./packages/db/dist/esm/query/compiler/evaluators.js 1.42 kB
./packages/db/dist/esm/query/compiler/expressions.js 430 B
./packages/db/dist/esm/query/compiler/group-by.js 1.87 kB
./packages/db/dist/esm/query/compiler/index.js 1.96 kB
./packages/db/dist/esm/query/compiler/joins.js 2 kB
./packages/db/dist/esm/query/compiler/order-by.js 1.45 kB
./packages/db/dist/esm/query/compiler/select.js 1.06 kB
./packages/db/dist/esm/query/expression-helpers.js 1.43 kB
./packages/db/dist/esm/query/ir.js 673 B
./packages/db/dist/esm/query/live-query-collection.js 360 B
./packages/db/dist/esm/query/live/collection-config-builder.js 5.4 kB
./packages/db/dist/esm/query/live/collection-registry.js 264 B
./packages/db/dist/esm/query/live/collection-subscriber.js 1.93 kB
./packages/db/dist/esm/query/live/internal.js 145 B
./packages/db/dist/esm/query/optimizer.js 2.56 kB
./packages/db/dist/esm/query/predicate-utils.js 2.97 kB
./packages/db/dist/esm/query/subset-dedupe.js 921 B
./packages/db/dist/esm/scheduler.js 1.3 kB
./packages/db/dist/esm/SortedMap.js 1.3 kB
./packages/db/dist/esm/strategies/debounceStrategy.js 247 B
./packages/db/dist/esm/strategies/queueStrategy.js 428 B
./packages/db/dist/esm/strategies/throttleStrategy.js 246 B
./packages/db/dist/esm/transactions.js 2.9 kB
./packages/db/dist/esm/utils.js 924 B
./packages/db/dist/esm/utils/browser-polyfills.js 304 B
./packages/db/dist/esm/utils/btree.js 5.61 kB
./packages/db/dist/esm/utils/comparison.js 852 B
./packages/db/dist/esm/utils/cursor.js 457 B
./packages/db/dist/esm/utils/index-optimization.js 1.51 kB
./packages/db/dist/esm/utils/type-guards.js 157 B

compressed-size-action::db-package-size

@github-actions
Copy link
Contributor

github-actions bot commented Jan 15, 2026 •
edited
Loading

Size Change: 0 B

Total Size: 3.47 kB

ℹ️ View Unchanged
Filename Size
./packages/react-db/dist/esm/index.js 225 B
./packages/react-db/dist/esm/useLiveInfiniteQuery.js 1.17 kB
./packages/react-db/dist/esm/useLiveQuery.js 1.12 kB
./packages/react-db/dist/esm/useLiveSuspenseQuery.js 559 B
./packages/react-db/dist/esm/usePacedMutations.js 401 B

compressed-size-action::react-db-package-size

@kevin-dp kevin-dp moved this to Ready for review in TanStack DB 1.0.0 release Jan 15, 2026
KyleAMathews
KyleAMathews approved these changes Jan 15, 2026
View reviewed changes
Copy link
Collaborator

@KyleAMathews KyleAMathews left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Neat! Could to add a screenshot or short screencast of the app the PR body and readme?

@kevin-dp kevin-dp force-pushed the kevin/RN-offline-TXs-demo-app branch from 9ed8ac0 to 7d1023a Compare January 19, 2026 11:06
@kevin-dp
Copy link
Contributor Author

kevin-dp commented Jan 19, 2026

@KyleAMathews i made a screencast and added it to the PR body and the readme.

KyleAMathews
KyleAMathews approved these changes Jan 19, 2026
View reviewed changes
Copy link
Collaborator

@KyleAMathews KyleAMathews left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

:shipit:

@kevin-dp kevin-dp merged commit 619bec1 into ai/issue-1013-fix Jan 19, 2026
7 checks passed
@kevin-dp kevin-dp deleted the kevin/RN-offline-TXs-demo-app branch January 19, 2026 14:15
kevin-dp added a commit that referenced this pull request Jan 19, 2026
@kevin-dp @autofix-ci @github-actions
Fix offline transactions for React Native (#1137)
d5254d1 
* test: assert DefaultOnlineDetector works in React Native environments (issue #1013)

* OnlineDetector for RN

* ci: apply automated fixes

* Changeset

* docs: add platform-specific usage instructions for web and React Native

- Added separate installation instructions for web and React Native
- Documented platform-specific OnlineDetector implementations
- Clarified import path differences between platforms
- Added React Native platform support details

Co-authored-by: Kevin <kevin-dp@users.noreply.github.com>

* Fix readme

* ci: apply automated fixes

* Example React Native app with offline transactions (#1138)

* test: assert DefaultOnlineDetector works in React Native environments (issue #1013)

* OnlineDetector for RN

* ci: apply automated fixes

* Changeset

* Offline transactions demo app for RN

* Remove .expo folder from tracking

* Updated .gitignore to ignore .expo cache

* Add screencast to readme

* ci: apply automated fixes

* Fix versioning problems

* Sherif fix package versions

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: claude[bot] <41898282+claude[bot]@users.noreply.github.com>
Co-authored-by: Kevin <kevin-dp@users.noreply.github.com>
@KyleAMathews KyleAMathews moved this from Ready for review to Done in TanStack DB 1.0.0 release Jan 19, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@KyleAMathews KyleAMathews KyleAMathews approved these changes

Assignees

No one assigned

Labels

None yet

Projects

TanStack DB 1.0.0 release
Status: Done

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@kevin-dp @KyleAMathews